@import "base";

.apply {
  padding: 0.54rem 0.32rem;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  box-sizing: border-box;
  position: relative;

  h2 {
    font-size: 0.37rem;
    color: #939393;
    line-height: 0.5rem;
  }

  ul {
    margin-top: 0.49rem;

    li {
      width: 100%;
      height: 2.01rem;
      box-sizing: border-box;
      background: url("~image/bg@2x.png") no-repeat;
      background-size: 100% 100%;
      position: relative;
      margin-bottom: 0.65rem;

      a {
        display: block;
        padding-left: 1.65rem;
        font-size: 0.43rem;
        color: #444444;
        line-height: 2.01rem;

        i {
          width: 0.08rem;
          height: 1.87rem;
          border-radius: 0.2rem;
          position: absolute;
          left: 0.05rem;
          top: 0.04rem;

          &.one {
            background: url("~image/line_guild@2x.png") no-repeat;
            background-size: 100% 100%;
          }

          &.two {
            background: url("~image/line_personnel@2x.png") no-repeat;
            background-size: 100% 100%;
          }
        }

        img {
          display: inline-block;
          vertical-align: middle;
          margin-right: 0.24rem;
          width: 1.39rem;
          height: 1.39rem;
        }
      }
    }
  }

  .agreement {
    width: 100%;
    position: absolute;
    bottom: 1.17rem;
    text-align: center;

    a {
      font-size: 0.32rem;
      color: #939393;
    }
  }
}
